<!--  -->
<template>
  <div class="container">
   
    <el-form ref="form" :model="form" label-width="80px">
<el-form-item label="菜品名称:">
  <el-input v-model="input" placeholder="菜品名称" width="100px"></el-input> 
</el-form-item>
<el-form-item label="菜品价格">
  <el-input v-model="input" placeholder="菜品价格"></el-input>  
  </el-form-item>
  <el-form-item label="菜品分类">
    <el-input v-model="input" placeholder="菜品分类"></el-input>  
  </el-form-item>
  <el-form-item label="性别：">
    <el-radio v-model="radio" label="1">男</el-radio>
    <el-radio v-model="radio" label="2">女</el-radio>
  </el-form-item>
  <el-form-item label="身份证号：">
    <el-input v-model="input" placeholder="身份证号"></el-input>  
  </el-form-item>
  <el-row>
<el-button>取消</el-button>
<el-button type="warning">保存</el-button>
<el-button type="danger">保存并继续添加</el-button>
</el-row>
</el-form>
  </div>
</template>

<script>

export default {
  data() {
    return {
      input: ''
    }
  }
      
  };
</script>
<style lang='scss' scoped>
.container{
    margin: 30px;
    .el-input{
        width: 250px;
    }
}

</style>